@charset "UTF-8";
/* 初始化*/
body { background: #222222; color: #fff; }

body a { color: #fff; }

body a:hover { color: #007bff; }

body .title { color: #ffffff; }

body .title h2, body .title .bt, body .title .bt2 { color: #fff !important; }

body .title .more { color: #fff; }

body .scroll::-webkit-scrollbar { width: 4px !important; height: 4px; background: rgba(255, 255, 255, 0.2) !important; border-radius: 10px; }

body .scroll::-webkit-scrollbar-button { width: 0; height: 0; }

body .scroll::-webkit-scrollbar-corner { display: block; }

body .scroll::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: #fff !important; border-radius: 10px; }

.header_warp { background: #131313; }

.header_warp .header_top { background: none; border-color: #000; }

.header_warp .header_top .lab { color: #fff; border-color: #fff; }

.header_warp .header_top .flex .search.on { border-color: #333; background: #333; }

.header_warp .header_top .flex .search.on .input input { background: none; color: #fff; }

.header_warp .header_top .layui-nav-child { background: #000; color: #fff; border-color: #333; }

.header_warp .header_top .layui-nav-child a { color: #fff; }

.header_warp .header_top .layui-nav-child a:hover { background-color: #333; }

.header_warp .header_top .layui-nav-child .layui-this { background-color: #333; }

.header_warp .header_top .layui-nav-child .layui-this a { color: #fff; }

.header_warp .header_top .layui-nav .layui-nav-more { color: #fff; }

.header_warp .swiper_nav .switch_ i, .header_warp .burger .switch_nav .hidebox i { width: 0.17rem; height: 0.31rem; background-position: 0 -0.54rem; -webkit-transform: rotate(90deg) scale(0.8); -ms-transform: rotate(90deg) scale(0.8); transform: rotate(90deg) scale(0.8); }

.header_warp .burger .switch_nav { background-color: #222; }

.header_warp .burger .switch_nav .lis a { background: #333; color: #fff; }

.icogame { background: url("../images/ico-gamedb.png") no-repeat center; background-size: 8rem auto; }

.layui-layer.darkthem, .layui-layer-move, .layui-layer.layui-layer-dialog.layui-layer-msg { background: #1b1b1b; background-color: #1b1b1b !important; -webkit-box-shadow: 1px 1px 10px rgba(255, 255, 255, 0.5); box-shadow: 1px 1px 10px rgba(255, 255, 255, 0.5); border-radius: 10px; }

.layui-layer.darkthem .layui-layer-title, .layui-layer-move .layui-layer-title, .layui-layer.layui-layer-dialog.layui-layer-msg .layui-layer-title { color: #fff; }

.layui-layer.darkthem .layui-layer-content, .layui-layer-move .layui-layer-content, .layui-layer.layui-layer-dialog.layui-layer-msg .layui-layer-content { overflow: visible; }

.layeralterthem { background: none !important; -webkit-box-shadow: none; box-shadow: none; }

.layui-layer.layui-layer-dialog.layui-layer-msg .layui-layer-ico { border-radius: 50% !important; }

.gamedbwarp { position: relative; overflow: hidden; min-height: 80vh; padding-top: 0.3rem; }

.gamedbwarp .gamedbbj { background: no-repeat center top #2a2a2a; background-size: 100% auto; overflow: hidden; min-height: 40vh; position: absolute; top: 0; left: 0; width: 100%; }

.gamedbwarp .gamedbbj::before { content: ''; width: 100%; height: 40vh; top: 0.3rem; left: 0; position: absolute; background: -webkit-gradient(linear, left top, left bottom, from(rgba(42, 42, 42, 0)), color-stop(40%, rgba(42, 42, 42, 0.95)), color-stop(70%, #2a2a2a)); background: -o-linear-gradient(top, rgba(42, 42, 42, 0) 0%, rgba(42, 42, 42, 0.95) 40%, #2a2a2a 70%); background: linear-gradient(to bottom, rgba(42, 42, 42, 0) 0%, rgba(42, 42, 42, 0.95) 40%, #2a2a2a 70%); }

.gamedbcenter { position: relative; z-index: 1; padding: 0 0.3rem; }

.gamedbitem { padding: 0.2rem 0; padding-bottom: 0.2rem; border-bottom: 0.05rem solid rgba(255, 255, 255, 0.05); }

.gamedbitem:last-child { border: none; }

.gamedbitem1 { padding: 0; }

.gamedbitem1 .box { overflow: hidden; }

.gamedbitem1 .box .imgbaner { width: 1.9rem; height: 2.4rem; display: block; float: left; margin: 0 0.2rem 0rem 0; border-radius: 0.1rem; overflow: hidden; }

.gamedbitem1 .box .imgbaner img { width: 100%; height: 100%; }

.gamedbitem1 .box .infor .bt { height: 0.6rem; line-height: 0.6rem; white-space: nowrap; word-break: break-all; font-size: 0.36rem; font-weight: bold; overflow: hidden; }

.gamedbitem1 .box .infor .text { font-size: 0.24rem; line-height: 0.45rem; }

.gamedbitem1 .box .infor .tabbox { font-size: 0; }

.gamedbitem1 .box .infor .tabbox .tab { display: inline-block; height: 0.44rem; color: #fff; line-height: 0.44rem; max-width: 60%; overflow: hidden; padding: 0 0.15rem; border-radius: 0.05rem; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0.22rem; margin: 0.1rem 0.2rem 0.1rem 0; }

.gamedbitem1 .box .infor .tabbox .cor1 { background-color: #a70c1e; }

.gamedbitem1 .box .infor .tabbox .cor2 { background-color: #007bff; }

.gamedbitem1 .box .infor .tabbox .cor3 { background-color: #1c5292; }

.gamedbitem1 .box .infor .tabbox .cor4 { background-color: #4b31b0; }

.gamedbitem1 .box .infor .tabbox .cor5 { background-color: #007bff; }

.gamedbitem1 .box .infor .tabbox .cor6 { background-color: #0a0a64; }

.gamedbitem1 .box .infor .tabbox .cor7 { background-color: #0c0c0b; }

.gamedbitem1 .box .infor .tabbox .cor8 { background-color: #57880a; }

.gamedbitem1 .box .infor .tabbox .cor9 { background-color: #36a567; }

.gamedbitem1 .box .infor .tabbox .cor10 { background-color: #7e8e9d; }

.gamedbitem1 .box .infor .tabbox .cor11 { background-color: #3D090B; }

.gamedbitem1 .box .infor .tabbox .cor12 { background-color: #6D6359; }

.gamedbitem1 .box .infor .tabbox .cor13 { background-color: #FFD42A; }

.gamedbitem1 .box .infor .tabbox .cor14 { background-color: #009AC7; }

.gamedbitem1 .box .infor .tabbox .cor15 { background-color: #695EE8; }

.gamedbitem1 .box .infor .tabbox .cor16 { background-color: #003791; }

.gamedbitem1 .box .infor .tabbox .cor17 { background-color: #231F20; }

.gamedbitem1 .box .infor .tabbox .cor18 { background-color: #565B65; }

.gamedbitem1 .box .infor .tabbox .cor19 { background-color: #25BAA6; }

.gamedbitem1 .box .infor .tabbox .cor20 { background-color: #D2BFE1; }

.gamedbitem1 .box .infor .tabbox .cor21 { background-color: #FFC557; }

.gamedbitem1 .box .infor .tabbox .cor22 { background-color: #C92344; }

.gamedbitem1 .box .infor .tabbox .cor23 { background-color: #107C10; }

.gamedbitem1 .ckbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.2rem 0 0.1rem; }

.gamedbitem1 .ckbox li { width: 0.7rem; height: 1.1rem; text-align: center; font-size: 0.24rem; color: #fdfdfc; background: rgba(0, 0, 0, 0.8); border-radius: 0.05rem; cursor: pointer; }

.gamedbitem1 .ckbox li .ico { position: relative; height: 0.5rem; text-align: center; }

.gamedbitem1 .ckbox li .ico i { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.gamedbitem1 .ckbox li .ico .ico1 { width: 0.35rem; height: 0.35rem; background-position: -4.00rem  0; }

.gamedbitem1 .ckbox li .ico .ico2 { width: 0.38rem; height: 0.33rem; background-position: -5.00rem  0; }

.gamedbitem1 .ckbox li .ico .ico3 { width: 0.35rem; height: 0.35rem; background-position: -2.00rem  0; }

.gamedbitem1 .ckbox li .ico .ico4 { width: 0.33rem; height: 0.33rem; background-position: -1.50rem  0; }

.gamedbitem1 .ckbox li .ico .ico5 { width: 0.35rem; height: 0.34rem; background-position: -2.50rem  0; }

.gamedbitem1 .ckbox li .ico .ico6 { width: 0.35rem; height: 0.35rem; background-position: -1.00rem  0; }

.gamedbitem1 .ckbox li .ico .ico7 { width: 0.31rem; height: 0.33rem; background-position: -0.50rem 0; }

.gamedbitem1 .ckbox li .num, .gamedbitem1 .ckbox li p { height: 0.3rem; line-height: 0.3rem; opacity: 0.8; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

.gamedbitem1 .ckbox li:hover, .gamedbitem1 .ckbox li.on { color: #007bff; }

.gamedbitem1 .ckbox li:hover .ico i, .gamedbitem1 .ckbox li.on .ico i { background-position-y: -0.5rem !important; }

.gamedbitem2 { overflow: hidden; padding: 0.3rem 0 0.1rem; }

.gamedbitem2 ul { width: 104%; }

.gamedbitem2 ul li { float: left; width: 1.6rem; height: 1.06rem; background-color: #333333; border-radius: 0.05rem; margin: 0 0.16rem 0.2rem 0; border: 0.02rem solid transparent; padding: 0.05rem 0.1rem; text-align: center; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; }

.gamedbitem2 ul li .img_ { height: 0.5rem; width: 100%; position: relative; overflow: hidden; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-filter: none; filter: none; opacity: 1; }

.gamedbitem2 ul li .img_ img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 80%; width: auto; max-height: 100%; }

.gamedbitem2 ul li p { height: 0.5rem; line-height: 0.5rem; color: #ffffff; opacity: 1; font-size: 0.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; letter-spacing: 0.03rem; }

.gamedbitem2 ul li p span { font-size: 0.31rem; letter-spacing: 0px; padding-right: 0.04rem; }

.gamedbitem2 ul li .stare { background: url("../images/icostar.png") no-repeat center; height: 0.22rem; background-size: 100% auto; width: 1.3rem; margin: 0.12rem auto; position: relative; overflow: hidden; background-position: 0 0; }

.gamedbitem2 ul li .stare i { display: block; position: absolute; top: 0; left: 0; overflow: hidden; height: 100%; }

.gamedbitem2 ul li .stare i::after { display: block; content: ''; width: 1.3rem; background: url("../images/icostar.png") no-repeat center; height: 0.22rem; background-size: 100% auto; background-position: 0 -0.21rem; }

.gamedbitem2 ul li:active { border-color: #007bff; }

.gamedbitem2 ul li:active p, .gamedbitem2 ul li.on p { opacity: 1; }

.gamedbitem2 ul li:active .img_, .gamedbitem2 ul li.on .img_ { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-filter: none; filter: none; opacity: 1; }

.gamedbitem3 { position: relative; }

.gamedbitem3 .video-img { width: 100%; height: 3.9rem; position: relative; }

.gamedbitem3 .video-img img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }

.gamedbitem3 .video-img iframe { width: 100%; height: 100%; }

.gamedbitem3 .swiper_btn { position: absolute; width: 0.5rem; height: 0.8rem; display: block; top: 50%; margin-top: -0.4rem; z-index: 1; background: rgba(0, 0, 0, 0.5); }

.gamedbitem3 .swiper_btn i { display: block; width: 0.17rem; height: 0.31rem; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

.gamedbitem3 .prev { left: 0; }

.gamedbitem3 .prev i { background-position: -0.28rem -0.52rem; }

.gamedbitem3 .next { right: 0; }

.gamedbitem3 .next i { background-position: 0 -0.54rem; }

.gamedbitem3 .videoimgbox { padding: 0.2rem 0; }

.gamedbitem3 .videoimgbox .swiper-slide { cursor: pointer; float: left; width: 1.95rem; height: 1.2rem; border: solid 1px transparent; border-radius: 0.05rem; position: relative; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; }

.gamedbitem3 .videoimgbox .swiper-slide img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }

.gamedbitem3 .videoimgbox .swiper-slide::after { display: block; content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); }

.gamedbitem3 .videoimgbox .swiper-slide i { display: block; content: ''; position: absolute; background: url("../images/video.png") no-repeat center; width: 0.36rem; height: 0.36rem; background-size: 100% auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }

.gamedbitem3 .videoimgbox .swiper-slide:hover, .gamedbitem3 .videoimgbox .swiper-slide.on { border-color: #007bff; }

.gamedbitem3 .videoimgbox .swiper-slide-active { border-color: #007bff; }

.gamedb-item .title { padding: 0; height: 0.6rem; line-height: 0.6rem; }

.gamedb-item .text { line-height: 0.5rem; color: #f6f5f5; word-wrap: break-word; }

.gamedb-item .ul1 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 5px 0; }

.gamedb-item .ul1 li { line-height: 0.4rem; min-width: 40%; padding: 0.05rem 0.2rem 0.05rem 0; }

.gamedb-item .ul1 li a { color: #007bff; }

.gamedb-item .ul1 li a[href]:hover { text-decoration: underline; }

.gamedb-item .ul1 li:nth-child(3n) { text-align: right; }

.gamedb-item .ul2 { padding: 0.05rem 0; overflow: hidden; }

.gamedb-item .ul2 p { display: inline-block; vertical-align: middle; line-height: 0.5rem; min-width: 33.33%; padding-right: 0.2rem; }

.gamedb-item .ul2 a { color: #007bff; }

.gamedb-item .ul2 a[href]:hover { text-decoration: underline; }

.gamedb-item .link { overflow: hidden; }

.gamedb-item .link li { float: left; min-width: 20%; height: 0.4rem; line-height: 0.4rem; padding: 0.1rem 0.2rem 0.1rem 0; max-width: 80%; }

.gamedb-item .link .lis { display: block; color: #fff; height: 100%; overflow: hidden; }

.gamedb-item .link .lis:hover { color: #007bff; }

.gamedb-item .link .lis img { max-height: 100%; width: auto; display: inline-block; vertical-align: middle; }

.gamedb-item .link .lis span { padding-left: 0.1rem; }

.gamedb-item table { color: #fff; width: 100%; line-height: 0.4rem; }

.gamedb-item table tr { display: table-row; text-align: center; }

.gamedb-item table tr td { padding: 0.1rem 0; line-height: 0.4rem; height: 0.4rem; overflow: hidden; max-width: 2rem; word-break: break-all; }

.gamedb-item table tr td:first-child { text-align: left; }

.gamedb-item table tr td:last-child { text-align: right; }

.gamedb-item table tr:nth-child(6n+1) .lab { background-color: #000080; }

.gamedb-item table tr:nth-child(6n+2) .lab { background: none; line-height: 0.38rem; border: 0.01rem solid #007bff; color: #007bff; }

.gamedb-item table tr:nth-child(6n+3) .lab { background-color: #57880a; }

.gamedb-item table tr:nth-child(6n+4) .lab { background-color: #027db4; }

.gamedb-item table tr:nth-child(6n+5) .lab { background-color: #70b603; }

.gamedb-item table tr:nth-child(6n+6) .lab { background-color: #c32933; }

.gamedb-item table tr:hover { color: #007bff; }

.gamedb-item table tr:hover a { color: #007bff; }

.gamedb-item table .lab { display: inline-block; vertical-align: middle; height: 0.4rem; padding: 0 0.1rem; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; background: #007bff; border-radius: 0.05rem; }

.gamedb-item table a { color: #fff; }

.gamedb-item .list li { display: -webkit-box; display: -ms-flexbox; display: flex; height: 0.4rem; padding: 0.1rem 0; line-height: 0.4rem; overflow: hidden; }

.gamedb-item .list li p { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); margin-right: -0.1rem; position: relative; }

.gamedb-item .list li .flex1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.gamedb-item .list li .flex1 .tex { max-width: 70%; overflow: hidden; float: left; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.gamedb-item .list li .flex1 img { max-height: 100%; width: auto; padding-left: 0.05rem; }

.gamedb-item .tablis { padding: 0.05rem 0; width: calc(100% + 20px); }

.gamedb-item .tablis .tab { display: inline-block; vertical-align: middle; border: solid 1px rgba(255, 255, 255, 0.3); border-radius: 0.1rem; height: 0.6rem; line-height: 0.6rem; padding: 0 0.1rem; min-width: 0.4rem; color: #f5f5f5; margin: 0.1rem 0.1rem 0.1rem 0; cursor: pointer; position: relative; }

.gamedb-item .tablis .tab.on { color: #007bff; border-color: #007bff; }

.gamedb-item .tablis .tab.up { border-color: #007bff; }

.gamedb-item .tablis .tab.up::before, .gamedb-item .tablis .tab.up::after { content: ''; display: block; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; background: #007bff; }

.gamedb-item .tablis .tab.up::before { width: 1px; height: 0.15rem; }

.gamedb-item .tablis .tab.up::after { width: 0.15rem; height: 1px; }

.gamedb-item .ul .li { color: #fff; line-height: 0.7rem; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; height: 0.7rem; }

.gamedb-item .ul .li:hover { color: #007bff; }

.gamedb-item .ul .li p { display: block; float: left; }

.gamedb-item .ul .li p:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; }

.gamedb-item .ul .li p:last-child { float: right; }

.gamedb-item .ulthem .li { display: block; }

.gamedbtishi { font-size: 0.2rem; line-height: 0.4rem; padding: 0.2rem 0; color: rgba(255, 255, 255, 0.5); }

.swiper-child { padding: 0; }

.gamedblisth1 { padding: 0.1rem 0; }

.gamedblisth1 .bt { overflow: hidden; font-size: 0.3rem; font-weight: normal; line-height: 0.5rem; }

.gamedblisth1 .more { font-size: 0.24rem; }

.evaluatewarp .evaluate_header .evaluate_score { width: 2rem; }

.evaluatewarp .evaluate_header .evaluate_score.no { color: #bdbdbd; }

.evaluatewarp .evaluate_header .iconsvg2 { fill: #bdbdbd !important; }

.evaluatewarp .evaluate_header .evaluate_line ul li .icobox { margin: 0 0.2rem; }

.evaluatewarp .evaluate_header .evaluate_line ul li .icobox .iconsvg { fill: #007bff; }

.evaluatewarp .evaluate_total_stare { color: #fff; }

.evaluatewarp .evaluate_textarea .textarea { border-color: rgba(255, 255, 255, 0.5) !important; }

.evaluatewarp .evaluate_textarea textarea { background-color: #222222 !important; color: #fff; }

.evaluatewarp .evaluate_textarea .tishi { line-height: 0.4rem; padding-top: 0.1rem; color: rgba(255, 255, 255, 0.5); }

.evaluatewarp .evaluate_textarea .tishi + .submitbtn { margin-top: 0.2rem !important; float: none; margin: 0 auto; width: auto; max-width: 2rem; padding: 0 0.1rem; }

.evaluatewarp .evaluatelist .EV_list .item_ { background: rgba(0, 0, 0, 0.1) !important; }

.evaluatewarp .evaluatelist .EV_list .item_ .user_ .infor .name, .evaluatewarp .evaluatelist .EV_list .item_ .text_p p, .evaluatewarp .evaluatelist .EV_list .item_ .text_p p a { color: #fff; }

.evaluatewarp .evaluatelist .EV_list .item_ .user_ .infor .time, .evaluatewarp .evaluatelist .EV_list .item_ .scorebox p, .evaluatewarp .evaluatelist .EV_list .item_ .tab_p .btn_ { color: #b3b3b3; }

.morelink { border: 1px solid rgba(255, 255, 255, 0.5); color: #fff; }

.page > a { background: #000; color: #fff; }

.page > span .cbtn { background: #000; color: #fff; }

.page > span .cbtn a { background: #000; color: #ffff; }

.page > span .cbtn a:active, .page > span .cbtn a:hover { background: #007bff; }

.layerevaluatewarp { background: #1b1b1b !important; -webkit-box-shadow: 1px 1px 0.1rem rgba(255, 255, 255, 0.5) !important; box-shadow: 1px 1px 0.1rem rgba(255, 255, 255, 0.5) !important; }

.layerevaluatewarp .textarea { background: #333; padding: 0.1rem 0.2rem; border-radius: 0.05rem; margin: 0 0.2rem 0.2rem; }

.layerevaluatewarp .textarea textarea { background: #333; color: #fff; }

.layerevaluatewarp .text { background: none !important; }

.layerevaluatewarp .text .bt span { color: #007bff; }

.layerevaluatewarp .btnbox { border-color: #000; }

.layerevaluatewarp .btnbox .btn { color: #fff; border-color: transparent; }

.layerPurchased { padding: 0.2rem; display: none; width: 4rem; }

.layerPurchased .bt { color: #fdfdfc; opacity: 0.8; height: 0.6rem; line-height: 0.6rem; font-size: 0.28rem; overflow: hidden; padding-bottom: 0.2rem; }

.layerPurchased ul { overflow-y: auto; overflow-x: hidden; max-height: 5rem; min-height: 2.4rem; }

.layerPurchased ul li { height: 0.4rem; line-height: 0.4rem; padding: 0.1rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }

.layerPurchased ul li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.layerPurchased ul li > a:active { color: #007bff !important; }

.layerPurchased ul li > a:active img { border-color: #007bff !important; }

.layerPurchased ul li > a:active p, .layerPurchased ul li > a:active .time { color: #007bff !important; opacity: 1; }

.layerPurchased ul li img { height: 0.4rem; width: 0.4rem; -o-object-fit: cover; object-fit: cover; border-radius: 50%; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid transparent; }

.layerPurchased ul li p { color: #fdfdfc; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding: 0 0.1rem; margin-right: 0.1rem; text-align: center; opacity: 0.8; }

.layerPurchased ul li .time { color: #fdfdfc; opacity: 0.8; }

.layernamescore { padding: 0.2rem; display: none; width: 6.5rem; }

.layernamescore .item { display: -webkit-box; display: -ms-flexbox; display: flex; }

.layernamescore .img_ { width: 0.8rem; height: 0.8rem; display: block; border-radius: 50%; overflow: hidden; }

.layernamescore .img_ img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.layernamescore .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 0.2rem; color: #ffffff; }

.layernamescore .infor .name { font-size: 0.3rem; color: #ffffff; line-height: 0.5rem; float: left; max-width: 60%; font-weight: bold; }

.layernamescore .infor .time { font-size: 0.2rem; float: right; max-width: 40%; text-align: right; padding-top: 0.1rem; }

.layernamescore .infor .score-tex { float: left; width: 100%; height: 0.5rem; line-height: 0.5rem; font-size: 0.3rem; font-weight: bold; }

.layernamescore .infor .text { float: left; width: 100%; line-height: 0.4rem; overflow: hidden; padding-top: 0.1rem; }

.layernamescore .infor .more { float: left; color: #007bff; line-height: 0.5rem; cursor: pointer; }

.layerevaluate-author { padding: 0.2rem; width: 6rem; display: none; }

.layerevaluate-author .title { font-size: 0.3rem; line-height: 0.6rem; height: 0.6rem; overflow: hidden; padding: 0; }

.layerevaluate-author .title-level { line-height: 0.4rem; padding: 0.1rem 0; }

.layerevaluate-author .layui-ratebox { height: 0.5rem; line-height: 0.5rem; }

.layerevaluate-author .layui-ratebox .layui-rate { padding: 0; margin-top: -2px; }

.layerevaluate-author .layui-ratebox .layui-rate .layui-icon { background: url("../images/star_default.png") repeat-x left; width: 0.25rem; height: 0.25rem; background-size: 100% auto; }

.layerevaluate-author .layui-ratebox .layui-rate .layui-icon::before { display: none; }

.layerevaluate-author .layui-ratebox .layui-rate .layui-icon-rate-solid { background-image: url("../images/star_on.png"); }

.layerevaluate-author .textarea { border-radius: 0.05rem; border: 0.02rem solid rgba(255, 255, 255, 0.5); padding: 0.15rem 0.2rem; margin: 0.1rem 0; }

.layerevaluate-author .textarea textarea { line-height: 0.4rem; height: 1.6rem; background: none; color: #fff; width: 100%; border: none; resize: none; outline: none; }

.layerevaluate-author .tishi { line-height: 0.4rem; padding-top: 0.1rem; }

.layerevaluate-author .btn { width: 2rem; height: 0.6rem; border: solid 0.01rem #f5f5f5; line-height: 0.6rem; border-radius: 0.2rem; text-align: center; margin: 0.2rem auto 0.1rem; display: block; cursor: pointer; font-size: 0.28rem; }

.layerevaluate-author .btn:hover { background: #007bff; color: #fff; }

.layerlabel { width: 6.4rem; padding: 0.2rem; display: none; }

.layerlabel .title { font-size: 0.3rem; line-height: 0.6rem; height: 0.6rem; overflow: hidden; padding: 0; }

.layerlabel .tablis { padding: 0.05rem 0; width: calc(100% + 0.2rem); }

.layerlabel .tablis .tab { display: inline-block; vertical-align: middle; border: solid 1px rgba(255, 255, 255, 0.3); border-radius: 0.1rem; height: 0.6rem; line-height: 0.6rem; padding: 0 0.1rem; min-width: 0.4rem; color: #f5f5f5; margin: 0.1rem 0.1rem 0.1rem 0; cursor: pointer; position: relative; }

.layerlabel .tablis .tab.on { color: #007bff; border-color: #007bff; }

.layerlabel .tablis .tab.up { border-color: #007bff; }

.layerlabel .tablis .tab.up::before, .layerlabel .tablis .tab.up::after { content: ''; display: block; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; background: #007bff; }

.layerlabel .tablis .tab.up::before { width: 1px; height: 0.15rem; }

.layerlabel .tablis .tab.up::after { width: 0.15rem; height: 1px; }

.layerlabel .inputbox { border: solid 1px #0066ff; height: 0.5rem; line-height: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; color: rgba(245, 245, 245, 0.3); padding: 0 0.1rem; border-radius: 0.05rem; }

.layerlabel .inputbox input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-right: 0.1rem; height: 100%; display: block; line-height: 0.5rem; border: none; background: none; outline: none; color: #fff; }

.layerlabel .inputbox span { cursor: pointer; }

.layerlabel .inputbox span:hover { color: #fff; }

.layerlabel .btn { width: 2rem; height: 0.5rem; border: solid 1px #007bff; line-height: 0.5rem; border-radius: 0.25rem; text-align: center; margin: 0.2rem auto 0.1rem; display: block; color: #fff; cursor: pointer; font-size: 0.28rem; }

.layerlabel .btn:hover { background: #007bff; }

.layertipsgamedb .layui-layer-content { border-radius: 5px !important; background: #fff !important; color: #1c1b1b !important; font-size: 0.24rem !important; margin-top: 0.2rem; }

.layertipsgamedb .commt .icogame { width: 0.27rem; height: 0.27rem; display: inline-block; vertical-align: middle; margin: 0px 0.1rem 0 0; background-position: -6rem -0.5rem; }

.layertipsgamedb .commt .text { display: inline-block; vertical-align: middle; }

.layertipsgamedb i { display: none !important; }

.layeralter { display: none; background: #000; padding: 0.1rem; }

.layeralter .commt .icogame { width: 0.27rem; height: 0.27rem; display: inline-block; vertical-align: middle; margin: 0px 0.1rem 0 0; background-position: -6rem -0.5rem; }

.layeralter .commt .text { display: inline-block; vertical-align: middle; }

.layercontribution { width: 6.4rem; padding: 0.2rem; display: none; }

.layercontribution .title { font-size: 0.3rem; line-height: 0.6rem; height: 0.6rem; overflow: hidden; padding: 0; }

.layercontribution .bt { height: 0.5rem; line-height: 0.5rem; font-size: 0.24rem; }

.layercontribution .tabbox { overflow: hidden; padding-top: 0.1rem; }

.layercontribution .tabbox li { float: left; text-align: center; line-height: 0.4rem; margin: 0.1rem 0; cursor: pointer; position: relative; }

.layercontribution .tabbox li:hover { color: #007bff; }

.layercontribution .tabbox li::after { width: 0.02rem; height: 0.25rem; background: #fff; content: ''; display: inline-block; vertical-align: middle; margin: 0 0.3rem; }

.layercontribution .tabbox li:nth-child(3n)::after, .layercontribution .tabbox li:last-child::after { display: none; }

.layercontriwarp { width: 6.4rem; padding: 0.2rem; display: none; }

.layercontriwarp .boxitem { display: none; }

.layercontriwarp .title { font-size: 0.3rem; line-height: 0.6rem; height: 0.6rem; overflow: hidden; padding: 0; }

.layercontriwarp .input_lis { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 0.5rem; line-height: 0.5rem; margin-bottom: 0.1rem; font-size: 0.2rem; }

.layercontriwarp .input_lis + .input_lis { margin-top: 0.3rem; }

.layercontriwarp .input_lis .input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 50%; overflow: hidden; border: solid 0.01rem #f5f5f5; line-height: 0.48rem; background-color: #ffffff; border-radius: 0.05rem; margin-left: 0.2rem; padding: 0 0.1rem; position: relative; }

.layercontriwarp .input_lis .input span { color: #434343; opacity: 0.7; font-size: 0.2rem; }

.layercontriwarp .input_lis .input .file { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; cursor: pointer; }

.layercontriwarp .input_lis .layui-form-select { background: none !important; }

.layercontriwarp .input_lis .layui-form-select .layui-input { background: none; height: 0.48rem; line-height: 0.48rem; border: none !important; color: #fff; }

.layercontriwarp .input_lis .layui-form-select .layui-input::-webkit-input-placeholder { color: #fff; }

.layercontriwarp .input_lis .layui-form-select .layui-input:-ms-input-placeholder { color: #fff; }

.layercontriwarp .input_lis .layui-form-select .layui-input::-ms-input-placeholder { color: #fff; }

.layercontriwarp .input_lis .layui-form-select .layui-input::placeholder { color: #fff; }

.layercontriwarp .input_lis .layui-form-select dl { background: #1b1b1b; border-color: #000; line-height: 0.5rem; top: 0.5rem; }

.layercontriwarp .input_lis .layui-form-select dl dd { height: 0.5rem; line-height: 0.5rem; }

.layercontriwarp .input_lis .layui-form-select dl dd:hover { background: #000; }

.layercontriwarp .input_lis .layui-form-select .layui-edge { border-top-color: #fff; }

.layercontriwarp .input_lis .line { width: 0.04rem; height: 0.25rem; margin: 0 0.1rem 0 0.05rem; border-radius: 0.02rem; background: #fff; }

.layercontriwarp .input_lis .layui-input-inline { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; left: 0; width: 190px !important; }

.layercontriwarp .input_lis .layui-input-inline .layui-input { height: 0.48rem; line-height: 0.48rem; background: none; border: none; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #fff; border-bottom: 0.01rem solid #fff; padding-left: 0; margin-left: 0.1rem; font-size: 0.24rem; }

.layercontriwarp .input_lis .layui-input-inline .layui-input::-webkit-input-placeholder { color: #fff; }

.layercontriwarp .input_lis .layui-input-inline .layui-input:-ms-input-placeholder { color: #fff; }

.layercontriwarp .input_lis .layui-input-inline .layui-input::-ms-input-placeholder { color: #fff; }

.layercontriwarp .input_lis .layui-input-inline .layui-input::placeholder { color: #fff; }

.layercontriwarp .input_lis .flex1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 1.8rem; }

.layercontriwarp .input_lis .flex1 .layui-form-label { width: auto; padding: 0; margin-right: 0.15rem; }

.layercontriwarp .layui-textarea { background: #333; resize: none; border: none; color: #fff; line-height: 0.4rem; min-height: 1.6rem; }

.layercontriwarp .layui-textarea::-webkit-input-placeholder { color: #fff; }

.layercontriwarp .layui-textarea:-ms-input-placeholder { color: #fff; }

.layercontriwarp .layui-textarea::-ms-input-placeholder { color: #fff; }

.layercontriwarp .layui-textarea::placeholder { color: #fff; }

.layercontriwarp .layui-textarea.them { margin: 0.2rem 0; min-height: 1.2rem; }

.layercontriwarp .layui-input-block { min-height: auto; margin-left: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.layercontriwarp .layui-input-block .input { height: auto; max-width: 100%; margin-left: 0px; font-size: 0.24rem; }

.layercontriwarp .text { line-height: 0.4rem; word-break: break-all; }

.layercontriwarp .text .red { color: #ff5c5c; }

.layercontriwarp .text p { padding: 0.05rem 0; }

.layercontriwarp .text p::before { content: ''; display: inline-block; vertical-align: middle; width: 2px; height: 2px; background: #fff; margin: -1px 0.1rem 0 0; }

.layercontriwarp .submit { width: 1.87rem; height: 0.5rem; border: solid 0.02rem #007bff; line-height: 0.5rem; border-radius: 0.5rem; text-align: center; margin: 0.4rem auto 0.1rem; display: block; color: #fff; cursor: pointer; font-size: 0.3rem; padding: 0; -webkit-box-sizing: content-box; box-sizing: content-box; }

.layercontriwarp .submit:hover { background: #007bff; }

.layercontriwarp .layui-form-danger + .layui-form-select .layui-input, .layercontriwarp .layui-textarea.layui-form-danger:focus { border-color: #FF5722 !important; border: 1px solid #FF5722 !important; }

.layercontriwarp .layui-form-danger:focus { border-color: #FF5722 !important; }

.layercontriwarp .xm-select-parent .xm-select-title { height: auto !important; }

.layercontriwarp .xm-select-parent .xm-select-title .xm-select { height: 100%; overflow: visible; }

.layercontriwarp .xm-select-parent .xm-select-title .xm-select .xm-select-label { height: 50px; overflow-y: auto; }

.layercontriwarp .xm-select-parent .xm-select-title .xm-select .xm-select-label::-webkit-scrollbar { width: 4px !important; height: 4px; background: rgba(255, 255, 255, 0.2) !important; border-radius: 10px; }

.layercontriwarp .xm-select-parent .xm-select-title .xm-select .xm-select-label::-webkit-scrollbar-button { width: 0; height: 0; }

.layercontriwarp .xm-select-parent .xm-select-title .xm-select .xm-select-label::-webkit-scrollbar-corner { display: block; }

.layercontriwarp .xm-select-parent .xm-select-title .xm-select .xm-select-label::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: #fff !important; border-radius: 10px; }

.layercontriwarp .xm-select-parent .xm-select-title div.xm-select-label > span { background: #007bff; border-color: #007bff; height: 15px; line-height: 15px; font-size: 12px; padding-right: 20px; }

.layercontriwarp .xm-select-parent .xm-select-title div.xm-select-label > span i { line-height: 15px; margin-left: 4px; }

.layercontriwarp .xm-select-parent { width: 100%; }

.layercontriwarp .xm-select-parent .xm-cz { color: #fff; margin-right: 20px !important; }

.layercontriwarp .xm-select-parent .xm-cz:hover { color: #007bff; }

.layercontriwarp .xm-select-parent dd > .xm-cz { right: 0px; margin-right: 10px !important; }

.layercontriwarp .xm-select-parent .xm-form-select dl { background: #000; border-color: #333; }

.layercontriwarp .xm-select-parent .xm-form-select dl .xm-select-tips { background-color: #000 !important; }

.layercontriwarp .xm-select-parent .xm-form-select dl dd:hover { background: #333 !important; }

.layercontriwarp .xm-select-parent .xm-form-select dl dd:hover .xm-form-checkbox > span { color: #fff !important; }

.layercontriwarp .xm-select-parent .xm-form-checkbox > span { color: #fff; }

.layercontriwarp .xm-select-parent .xm-form-checkbox > i { border-color: #007bff; color: #007bff; }

.layercontriwarp .xm-select-parent .xm-input { background: none; padding: 0; border: none; }

.layercontriwarp .xm-select-parent .xm-input::-webkit-input-placeholder { color: #fff; }

.layercontriwarp .xm-select-parent .xm-input:-ms-input-placeholder { color: #fff; }

.layercontriwarp .xm-select-parent .xm-input::-ms-input-placeholder { color: #fff; }

.layercontriwarp .xm-select-parent .xm-input::placeholder { color: #fff; }

.layergamedblist { padding: 0.4rem; width: 6rem; display: none; }

.layergamedblist .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.layergamedblist .box .imgbox { text-align: center; line-height: 0.5rem; padding-right: 0.2rem; }

.layergamedblist .box .imgbox img { margin: 0 auto; max-width: 1.7rem; display: block; margin: 0 auto; margin-bottom: 0.1rem; }

.layergamedblist .box .flex1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 0.2rem; overflow: hidden; }

.layergamedblist .box .flex1 .title { line-height: 0.45rem; padding-bottom: 0.1rem; padding: 0; }

.layergamedblist .box .flex1 .labbox { display: -webkit-box; display: -ms-flexbox; display: flex; }

.layergamedblist .box .flex1 .labbox .lab { display: block; cursor: pointer; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0.2rem 0 0; }

.layergamedblist .box .flex1 .labbox .lab:hover, .layergamedblist .box .flex1 .labbox .lab.on { color: #007bff; }

.layergamedblist .box .flex1 .labbox .lab:hover .ico_ .ico i, .layergamedblist .box .flex1 .labbox .lab.on .ico_ .ico i { background-position-y: -0.5rem; }

.layergamedblist .box .flex1 .labbox .lab .ico_ { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 0.4rem; font-size: 0.2rem; }

.layergamedblist .box .flex1 .labbox .lab .ico_ .ico { margin-right: 0.15rem; }

.layergamedblist .box .flex1 .labbox .lab .ico_ .ico i { display: block; width: 0.42rem; height: 0.42rem; }

.layergamedblist .box .flex1 .labbox .lab .ico_ .ico .ico1 { background-position: 0 0; }

.layergamedblist .box .flex1 .labbox .lab .ico_ .ico .ico2 { background-position: -4.5rem 0; }

.layergamedblist .box .flex1 .labbox .lab p { padding-top: 0.15rem; font-size: 0.2rem; }
